<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<link rel="stylesheet" href="/css/HeaderAndFooter.css">
		<link rel="stylesheet" href="/lib/font_x9baqddrs2/iconfont.css">
		<link rel="stylesheet" href="/css/index.css">
		<link rel="stylesheet" href="/lib/swiper/swiper.min.css">
		<script src="/lib/swiper/swiper.min.js"></script>
		<script src="/lib/requirejs/require.min.js" data-main="/js/index"></script>
	</head>
	<body>
		<header></header>
		<div id="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide spc"><a href="/html/list.html" target="_blank"><img src="/images/a1.jpg" ></a></div>
					<div class="swiper-slide spc"><a href="/html/list.html" target="_blank"><img src="/images/a2.jpg" ></a></div>
					<div class="swiper-slide spc"><a href="/html/list.html" target="_blank"><img src="/images/a3.jpg" ></a></div>
					<div class="swiper-slide spc"><a href="/html/list.html" target="_blank"><img src="images/a4.jpg" ></a></div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>
			</div>
		</div>
		<div class="con">
			<div class="con-top">
				<h3>新品推荐</h3>
				<p><span><a href="/html/list.html" target="_blank">男女鞋</a></span><span><a href="#">运动</a></span></p>
			</div>
			<div class="con-bon">
				<ul class="spl">
					
				</ul>
			</div>
		</div>
		<div class="con">
			<div class="con-top">
				<h3>今日主推大牌</h3>
				<p><span><a href="/html/list.html" target="_blank">男女鞋</a></span><span><a href="#">运动</a></span></p>
			</div>
			<div class="con-bon">
				<ul class="sp">
					
				</ul>
			</div>
		</div>
		<div class="con">
			<div class="con-top">
				<h3>品牌潮流资讯</h3>
				<p>BRAND FASHION</p>
			</div>
			<div class="con-bon">
				<ul class="sp">
					
				</ul>
			</div>
		</div>
		<footer></footer>
		<script type="text/html" id="prod-template">
			{{each products curr}}
				<li>
					<a href="/html/list.html" target="_blank"><img src="{{curr.img}}"></a>
					<a href="/html/list.html" target="_blank"><span>{{curr.title}}</span></a>
					<p>${{curr.price}}</p>
				</li>
			{{/each}}
		</script>
		<script type="text/html" id="zt">
			{{each prod zt}}
				<li><a href="/html/list.html" target="_blank"><img src="{{zt.img}}"></a></li>
			{{/each}}
		</script>
		<script type="text/html" id="bannerimg">
			{{each pro cul}}
				<a href="/html/list.html" target="_blank"><img src="{{cul.img}}" ></a>
			{{/each}}
		</script>
	
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal', // 垂直切换选项
		    loop: true, // 循环模式选项
		    autoplay:true,
		    // 如果需要分页器
		    pagination: {
		      el: '.swiper-pagination',
		    },
		    // 如果需要前进后退按钮
		    navigation: {
		      nextEl: '.swiper-button-next',
		      prevEl: '.swiper-button-prev',
		    },
		  })        
		  </script>
	</body>
</html>
